<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" href="Public/Home/css/index.css" />
<link rel="stylesheet" href="Public/Home/css/icon/iconfont.css" />
<link rel="stylesheet" href="Public/Home/css/icon/iconfont.eot" />
<link rel="stylesheet" href="Public/Home/css/icon/iconfont.ttf" />
<link rel="stylesheet" href="Public/Home/css/icon/iconfont.woff" />
<link rel="stylesheet" type="text/css" href="Public/Home/css/user.css"/>
<link rel="stylesheet" type="text/css" href="Public/Home/css/person.css"/>
<script type="text/javascript" src="Public/Home/js/jquery-1.11.3.min.js"></script>

<link rel="stylesheet" type="text/css" href="Public/dest/mzyValidate.css" />
<script src="Public/dest/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="Public/src/mzyValidate.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="Public/Home/js/person.js"></script>
<!--异步多图上传-->
 <script type="text/javascript" src="Public/uploadify/jquery.uploadify.min.js"></script>
 <link rel="stylesheet" type="text/css" href="Public/uploadify/uploadify.css">
 
	
		<style type="text/css">
			td{
				padding: 3px 0;
			}
			/*错误表单的样式，可以自己定义，到时候传入mzy_validate函数*/
			.error_input{
				border: 1px solid #f00;				
				box-shadow: 0 0 3px #FF0000;
			}
		</style>
</head>

<body>
<!--多图上传结束--> 
<div lab="uploadFile">
    <script type="text/javascript">
        $(function() {
            $('#f').uploadify({
                'formData'     : {//POST数据
                    '<?php echo session_name();?>' : '<?php echo session_id();?>',
                },
                'fileTypeDesc' : '上传头像',//上传描述
                'fileTypeExts' : '*.jpg;*.png',
                'swf'      : '<?php echo __PUBLIC__?>/uploadify/uploadify.swf',
                'uploader' : '<?php echo U('personUpload')?>',
                'buttonText':'选择文件',
                'fileSizeLimit' : '6000KB',
                'uploadLimit' : 1,//上传文件数
                'width':65,
                'height':25,
                'successTimeout':10,//等待服务器响应时间
                'removeTimeout' : 0.2,//成功显示时间
                'onUploadSuccess' : function(file, data, response) {
                    //转为json
                   
                    data=$.parseJSON(data);
                    //获得图片地址
                    var imageUrl = data.url;
                   var li="<img src='"+imageUrl+"'/><input type='hidden' name='headimg' value='"+data.path+"'/>";
                    $("#uploadList").html(li);
                     alert('头像上传成功');
                }
            });
        });
    </script>	
	<header>
		<!-- 顶部登陆注册部分 -->
		<div class="top">
			<!-- 顶部中间部分 -->
			<div class="top_middle">
				<div class="left">
					<p class="">
						送至：
					</p>
					<p class="">
						北京
					</p>
					<p>
						<i class="iconfont ic">&#xe6a6;</i>
					</p>
				<!--二级菜单-->
					<div class="top_hd">
						<ul class="erji">
							<li class="first"><a href="">北京</a></li>
							<li><a href="">上海</a></li>
							<li><a href="">天津</a></li>
							<li><a href="">重庆</a></li>
							<li><a href="">河北</a></li>
							<li><a href="">四川</a></li>
							<li><a href="">武汉</a></li>
							<li><a href="">湖南</a></li>
							<li><a href="">吉林</a></li>
							<li><a href="">黑龙江</a></li>
						</ul>
					</div>
				<!--二级菜单结束-->
				</div>
				<ul class="right">
					<li><span class="se">|</span><a href="">网站导航</a><span class="iconfont ic2">&#xe6a6;</span>
						<div class="daohang">
							3333
						</div>
						
					</li>
					
					<li><span class="se">|</span><a href="">客户服务</a><span class="iconfont ic2">&#xe6a6;</span>
					</li>
					
					<li><span class="se">|</span><a href="">关注京东</a><span class="iconfont ic2">&#xe6a6;</span>
						<div class="guan">
							<img src="Public/Home/images/bg3.png"/>
						</div>
					</li>
					
					<li><span class="se">|</span><i class="iconfont">&#x345e;</i><a href="">手机京东</a><span class="iconfont ic2">&#xe6a6;</span>
						<div class="shouji">
							<img style="width: 250px;height:196px;" src="Public/Home/images/bg2.png"/>
						</div>
						
					</li>
					<li><span class="se">|</span><a href="">企业采购</a></li>
					<li><span class="se">|</span><a href="">京东会员</a></li>
					
					<li><span class="se">|</span><a href="">我的京东</a><span class="iconfont ic2">&#xe6a6;</span>
					<!--二级菜单的-->	
						<div class="wode">
							<div class="top">
								<img src="Public/Home/images/bg1.jpg" alt="" />
								<a href="" class="lg">你好，请登录</a>
								<p class="xi">
									<a href="" >优惠</a>
									<span>|</span>
									<a href="">消息</a>
								</p>																	
							</div>
							<ul class="deil">
								<li><a href="">处理订单</a></li>
								<li><a href="">咨询回复</a></li>
								<li><a href="">降价商品</a></li>
								<li><a href="">返修退换货</a></li>
								<li><a href="">我的关注</a></li>
								<li><a href="">我的京豆</a></li>
								<li><a href="">我的理财</a></li>
								<li><a href="">我的白条</a></li>
							</ul>
							<div class="zuji">
								<a href="" class="zu">我的足迹</a>
								<a href="" class="more">更多>></a>
							</div>
							<img class="zutu" src="Public/Home/images/bg2.jpg" alt="" />	
							
						</div>
					<!--二级菜但结束-->
					</li>		
					<li><span class="se">|</span><a href="<?php echo U('person/index')?>" style="padding-right:3px">我的订单</a></li>						
				</ul>
				<!--您好请登录-->
				<div class="reg">
					<a href="" class="login">你好，请登录</a>
					<a href="" class="check">免费注册</a>
				</div>
				
				<!--您好请登录注册结束-->				
			</div>
			<!-- 顶部中间部分结束 -->
		</div>
		<!-- 顶部结束 -->

	</header>
<!--头部结束-->	
<!--顶部logo区域-->
<div class="top-logo">
	<div class="logo">
		<div class="left">
			<img src="Public/Home/images/bg14.png" alt="" class="image" />
			<a href="" class="myjd">我的京东</a>
			<a href="" class="remove">返回京东首页</a>
		</div>	
		<ul class="middle">
			<li><a href="">首页</a></li>
			<li>账户设置<i class="iconfont">&#xe6a6;</i></li>
			<li>社区<i class="iconfont">&#xe6a6;</i></li>
			<li><a href="">消息</a><span class="shu">6</span></li>
		</ul>
		<div class="right">
			<div class="search">
				<input type="text" name="" id="" class="text" placeholder="耳机"/>
				<input type="submit" value="搜索" class="sub" />
			</div>
			<div class="shop-box">
				<span class="biao"></span>
				<p>我的购物车<span class="iconfont">&#xe6a7;</span></p>	
				<span class="topshu">1</span>
				<!--<div class="hidden">
					购物车信息
				</div>-->
			</div>
		</div>
	</div>
</div>
<!--顶部logo区域结束-->
<!--正文部分开始-->
<div class="contentall">

	<!--左面部分-->
	<div class="left">
		<dl>
			<dt>订单中心</dt>
			<dd><a href="<?php echo U('person/index')?>">我的订单</a></dd>   	
        	<dd><a href="" class="first">个人信息</a></dd>
            <dd><a href="<?php echo U('acceptAdd/index')?>">收货地址</a></dd>
            <dd><a href="<?php echo U('safe/index')?>">账户安全</a></dd>
		</dl>

	</div>
	<!--左面部分结束-->
<!--右面部分开始-->
<div class="aside">
	<div class="box">
	<!--上面teb切换部分-->
		<ul class="teb">
			<li style="border-bottom: 2px solid #E4393C;color: #E4393C;">基本信息</li>
			<li>头像照片</li>
		</ul>
	<!--切换部分结束-->
	<!--这里用的post提交异步验证已经修改了。提交地址。所以只能提交懂啊images/index方法在转到edit方法执行-->
	<form action="" method="post" onsubmit="return mzy_validate(this,'','error_input',1)">	
	<div class="father">
		<!--个人信息填写部分-->
			<div style="display: block;" class="table">
				<div class="messages">
					<img src="<?php echo $homeuser['headimg']?>" alt="" class="touxiang" />
					<p class="nicheng">用户名：<span><?php echo $homeuser['zhangid']?></span></p>
					<p class="usertype">会员类型：<span><?php echo $homeuser['usertype']?></span></p>
				</div>
				<div class="safe"> 注：修改手机和邮箱请到<a href="">账户安全</a></div>
					
				
				<div class="row1">
					<p class="row-left"><span>*</span>昵称：</p>
					<input class="text" type="text" rule="required" msg="昵称必须填" name="nickname" id="" value="<?php echo $homeuser['nickname']?>" />
				</div>
				<div class="row1">
					<p class="row-left"><span>*</span>性别：</p>					
					<input <?php if($homeuser['sex']=='男'){?>
                checked
               <?php }?> type="radio" name="sex" id="" value='男' />男
					<input <?php if($homeuser['sex']=='女'){?>
                checked
               <?php }?> type="radio" name="sex" id="" value="女"/>女
				</div>
				<div class="row1">
					<p class="row-left"><span>*</span>生日：</p>
					<select name="borthday[]" >
						<option value="2000">2000</option>
						<option value="1999">1999</option>
						<option value="1998">1998</option>
						<option value="1997">1997</option>
						<option value="1996">1996</option>
						<option value="1995">1995</option>
						<option value="1994">1994</option>
						<option value="1993">1993</option>
						<option value="1992">1992</option>
						<option value="1991">1991</option>
						<option value="1990">1990</option>
					</select>
					<span>年</span>
					<select name="borthday[]">					
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
						<option value="10">10</option>
						<option value="11">11</option>
						<option value="12">12</option>	
					</select>
					<span>月</span>
					<select name="borthday[]">						
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
						<option value="10">10</option>
						<option value="11">11</option>
						<option value="12">12</option>
						<option value="13">13</option>
						<option value="14">14</option>
						<option value="15">15</option>
						<option value="16">16</option>
						<option value="17">17</option>
						<option value="18">18</option>
						<option value="19">19</option>
						<option value="20">20</option>
						<option value="21">21</option>
						<option value="22">22</option>
						<option value="23">23</option>
						<option value="24">24</option>
						<option value="25">25</option>
						<option value="26">26</option>
						<option value="27">27</option>
						<option value="28">28</option>
						<option value="29">29</option>
						<option value="30">30</option>
						<option value="31">31</option>
					</select>
					<span>日</span>
				</div>
				<div class="row1 rowY">
					<p class="row-left"><span>*</span>邮箱：</p>
					<a href="" class="you">立即验证</a>
					<span class="wenzi">下载邮箱大师，免费领取惊喜大礼</span>
					<img src="Public/Home/images/bg17.png" alt="" />
				</div>
				<div class="row1">
					<p class="row-left"><span>*</span>真实姓名：</p>
					<input class="text" rule="required" msg="真是姓名必须填" type="text" name="realname" id="" value="<?php echo $homeuser['realname']?>" />
				</div>
				<div class="row1 btn">	
					<input type="submit" value="提交" class="sub" />
				</div>
			</div>
		
		<!--个人信息填写部分结束-->
		<!--头像照片-->
			<div class="table table2">
				<div class="file">
					<!--<input  type="file" name="" id=""  value="选择您要上传的图片"/></div>-->
					<input id="f" type="file" multiple="true">
				<p class="tishi">仅支持JPG、GIF、PNG、JPEG、BMP格式，文件小于4M</p>
				<div id="uploadList" class="tubox">
					<img src="<?php echo $homeuser['headimg']?>" alt="" />
					<input type="hidden" name="headimg" value="<?php echo $homeuser['headimg']?>" />
				</div>
				<h3 class="sugest">推荐头像</h3>
				<ul class="sugest-img">
					<li style="border: 2px solid red;"><img src="Upload/Content/headimg16/02/1.jpg" alt="" /></li>
					<li><img src="Upload/Content/headimg16/02/2.jpg" alt="" /></li>
					<li><img src="Upload/Content/headimg16/02/3.jpg" alt="" /></li>
					<li><img src="Upload/Content/headimg16/02/4.jpg" alt="" /></li>
					<li><img src="Upload/Content/headimg16/02/5.jpg" alt="" /></li>
					<li><img src="Upload/Content/headimg16/02/6.jpg" alt="" /></li>
					<li><img src="Upload/Content/headimg16/02/7.jpg" alt="" /></li>
					<li><img src="Upload/Content/headimg16/02/8.jpg" alt="" /></li>
					<li><img src="Upload/Content/headimg16/02/9.jpg" alt="" /></li>
					<li><img src="Upload/Content/headimg16/02/10.jpg" alt="" /></li>
					<li><img src="Upload/Content/headimg16/02/11.jpg" alt="" /></li>
					<li><img src="Upload/Content/headimg16/02/12.jpg" alt="" /></li>
					<li><img src="Upload/Content/headimg16/02/13.jpg" alt="" /></li>
					<li><img src="Upload/Content/headimg16/02/14.jpg" alt="" /></li>
					<li><img src="Upload/Content/headimg16/02/15.jpg" alt="" /></li>
					<li></li>
					
				</ul>			
				<input type="submit" value="保存" class="subb" />			
				<input type="hidden" name="uid" value="<?php echo $homeuser['uid']?>"/>
			</div>
		<script type="text/javascript">
			//这是是点点击对应的图片的时候将对应的地址填到隐藏域中然后提交了
			$(function(){
				var num=0;
				$('.sugest-img li').click(function(){
					//当点击的时候给对应的点击的li加上边框的样式
					$src=$(this).find('img').attr('src');		
					$(this).css({border:'2px solid red'}).siblings().css({border:'2px solid white'});	
					//同时将对应的图片的地址放到对应的隐藏域和中
					$('#uploadList img').attr('src',$src);
					$('#uploadList input').val($src);		
				})
				
			})
			//当点击保存的时候将对应选中的src放到隐藏域中
			
		</script>
		<!--头像照片结束-->
	</div>
	</form>	
	</div>
</div>

<!--右面部分结束-->
</div>
<!--正文部分结束-->
<!--公共尾部-->
<footer>
	<div class="sixbian">
		<div class="tua">
			<img src="Public/Home/images/bg24.png" alt="" />	
			<img src="Public/Home/images/bg25.png" alt="" />
			<img src="Public/Home/images/bg26.png" alt="" />
			<img src="Public/Home/images/bg27.png" alt="" />
		</div>
	</div>
	<div class="jieshao">
		<dl>
			<dt>购物指南</dt>
			<dd>购物流程</dd>
			<dd>会员介绍</dd>
			<dd>生活旅行/团购</dd>
			<dd>常见问题</dd>
		</dl>
			<dl>
			<dt>购物指南</dt>
			<dd>购物流程</dd>
			<dd>会员介绍</dd>
			<dd>生活旅行/团购</dd>
			<dd>常见问题</dd>
		</dl>
			<dl>
			<dt>购物指南</dt>
			<dd>购物流程</dd>
			<dd>会员介绍</dd>
			<dd>生活旅行/团购</dd>
			<dd>常见问题</dd>
		</dl>
			<dl>
			<dt>购物指南</dt>
			<dd>购物流程</dd>
			<dd>会员介绍</dd>
			<dd>生活旅行/团购</dd>
			<dd>常见问题</dd>
		</dl>	
		<dl>
			<dt>购物指南</dt>
			<dd>购物流程</dd>
			<dd>会员介绍</dd>
			<dd>生活旅行/团购</dd>
			<dd>常见问题</dd>
		</dl>
		<div class="ditu">
			<p class="a1">京东自营覆盖区县 </p>
			<p class="a2">京东已向全国2376个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
			<a class="a3" href="">查看详情 ></a>
		</div>
	</div>
	<div class="bi">
		<ul class="ul">
			<li>关于我们<span>|</span></li>
			<li>联系我们<span>|</span></li>
			<li>商家入驻<span>|</span></li>
			<li>营销中心<span>|</span></li>
			<li>手机京东<span>|</span></li>
			<li>友情链接<span>|</span></li>
			<li>销售联盟<span>|</span></li>
			<li>京东社区<span>|</span></li>
			<li>京东公益<span>|</span></li>
			<li>English<span>|</span></li>
			<li>Contact<span>|</span></li>
			<li>Us<span>|</span></li>
			<li>Site</li>			
		</ul>
		<center class="b">北京市公安局朝阳分局备案编号110105014669  |  京ICP证070359号  |  互联网药品信息服务资格证编号(京)-经营性-2014-0008  |  新出发京零 字第大120007号</center>
		<center class="b2">音像制品经营许可证苏宿批005号  |  出版物经营许可证编号新出发(苏)批字第N-012号  |  互联网出版许可证编号新出网证(京)字150号</center>
		<center class="b3">网络文化经营许可证京网文[2014]2148-348号  违法和不良信息举报电话：4006561155  Copyright © 2004-2016  京东JD.com 版权所有</center>
		<center class="b4">京东旗下网站：360TOP  拍拍网  网银在线</center>
		<center class="b5">
			<img src="Public/Home/images/bg21.png" alt="" />
			<img src="Public/Home/images/bg22.png" alt="" />
			<img src="Public/Home/images/bg23.png" alt="" />
			<img src="Public/Home/images/bg29.png" alt="" />
			<img src="Public/Home/images/bg28.png" alt="" />
		</center>
	</div>
</footer>
<!--公共尾部结束-->
</body>
</html>
